<!--
此文件为开发者工具生成，生成时间: 2023/11/6上午11:23:22
使用方法：
在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="page data-v-ba35268a">
      <view class="data-v-ba35268a">
        <view class="data-v-ba35268a">
          <view>
            <view class="page productHome--page relactive productHome--relactive">
              <view>
                <view class="uni-navbar nav-bar--uni-navbar data-v-6bda1a90 nav-bar--data-v-6bda1a90 uni-nvue-fixed nav-bar--uni-nvue-fixed">
                  <view class="uni-navbar__content nav-bar--uni-navbar__content data-v-6bda1a90 nav-bar--data-v-6bda1a90 uni-navbar--fixed nav-bar--uni-navbar--fixed uni-navbar--border nav-bar--uni-navbar--border" style="background-color:#3BC688;border-bottom-color:#fff;">
                    <view class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                      <view class="uni-status-bar bar--uni-status-bar" style="height:44px;"></view>
                    </view>
                    <view class="uni-navbar__header nav-bar--uni-navbar__header data-v-6bda1a90 nav-bar--data-v-6bda1a90" style="color:#fff;background-color:#3BC688;height:44px;">
                      <view class="uni-navbar__header-btns nav-bar--uni-navbar__header-btns uni-navbar__header-btns-left nav-bar--uni-navbar__header-btns-left data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickLeft,$event" style="width:60px;"></view>
                      <view class="uni-navbar__header-container nav-bar--uni-navbar__header-container data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickTitle,$event">
                        <view class="uni-navbar__header-container-inner nav-bar--uni-navbar__header-container-inner data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                          <text class="uni-nav-bar-text nav-bar--uni-nav-bar-text uni-ellipsis-1 nav-bar--uni-ellipsis-1 data-v-6bda1a90 nav-bar--data-v-6bda1a90 sk-transparent sk-text-14-2857-823 sk-text" style="color:#fff;">首页</text>
                        </view>
                      </view>
                      <view class="uni-navbar__header-btns nav-bar--uni-navbar__header-btns uni-navbar__header-btns-right nav-bar--uni-navbar__header-btns-right data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickRight,$event" style="width:60px;"></view>
                    </view>
                  </view>
                  <view class="uni-navbar__placeholder nav-bar--uni-navbar__placeholder data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                    <view class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                      <view class="uni-status-bar bar--uni-status-bar" style="height:44px;"></view>
                    </view>
                    <view class="uni-navbar__placeholder-view nav-bar--uni-navbar__placeholder-view data-v-6bda1a90 nav-bar--data-v-6bda1a90" style="height:44px;"></view>
                  </view>
                </view>
              </view>
              <view class="w100 productHome--w100" style="position:fixed;top:-2px;z-index:0;left:0;right:0;">
                <image class="w100 productHome--w100 sk-image" style="height:315px;"></image>
              </view>
              <view class="px22 productHome--px22 relactive productHome--relactive" style="z-index:1;">
                <view class="navtop productHome--navtop"></view>
                <view style="margin-top:22px;"></view>
                <view class="relactive productHome--relactive">
                  <view class="absolute productHome--absolute flex productHome--flex flex-end productHome--flex-end pr40 productHome--pr40" style="bottom:10px;z-index:2;left:0;right:0;">
                    <text class="py4 productHome--py4 px8 productHome--px8 colf productHome--colf br18 productHome--br18 sk-transparent" style="background:rgba(0,0,0,0.5);">3/<text class="font20 productHome--font20 sk-transparent sk-opacity">3</text></text>
                  </view>
                  <view class="u-swiper swiper--u-swiper data-v-6b019429 swiper--data-v-6b019429" style="background-color:#f3f4f6;height:127px;border-radius:2px;">
                    <swiper autoplay="false" class="u-swiper__wrapper swiper--u-swiper__wrapper data-v-6b019429 swiper--data-v-6b019429" current="0" data-event-opts="change,change,$event" display-multiple-items="1" duration="300" easing-function="default"
                      interval="3000" next-margin="0rpx" previous-margin="0rpx" style="height:127px;">
                      <swiper-item class="u-swiper__wrapper__item swiper--u-swiper__wrapper__item data-v-6b019429 swiper--data-v-6b019429" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                        <view class="u-swiper__wrapper__item__wrapper swiper--u-swiper__wrapper__item__wrapper data-v-6b019429 swiper--data-v-6b019429" style="true">
                          <image class="u-swiper__wrapper__item__wrapper__image swiper--u-swiper__wrapper__item__wrapper__image data-v-6b019429 swiper--data-v-6b019429 sk-image" data-event-opts="tap,clickHandler,0" mode="aspectFill" style="height:127px;border-radius:2px;"></image>
                        </view>
                      </swiper-item>
                      <swiper-item class="u-swiper__wrapper__item swiper--u-swiper__wrapper__item data-v-6b019429 swiper--data-v-6b019429" style="position: absolute; width: 100%; height: 100%; transform: translate(100%, 0px) translateZ(0px);">
                        <view class="u-swiper__wrapper__item__wrapper swiper--u-swiper__wrapper__item__wrapper data-v-6b019429 swiper--data-v-6b019429" style="true">
                          <image class="u-swiper__wrapper__item__wrapper__image swiper--u-swiper__wrapper__item__wrapper__image data-v-6b019429 swiper--data-v-6b019429 sk-image" data-event-opts="tap,clickHandler,1" mode="aspectFill" style="height:127px;border-radius:2px;"></image>
                        </view>
                      </swiper-item>
                    </swiper>
                    <view class="u-swiper__indicator swiper--u-swiper__indicator data-v-6b019429 swiper--data-v-6b019429" style="true"></view>
                  </view>
                </view>
                <view class="bgWhite productHome--bgWhite py40 productHome--py40 px40 productHome--px40 br16 productHome--br16 mt24 productHome--mt24">
                  <view class="flex productHome--flex align-center productHome--align-center">
                    <image mode="true" class="br110 productHome--br110 mr26 productHome--mr26 sk-image" style="height:54px;width:54px;"></image>
                    <view class="flex productHome--flex">
                      <view class="flex productHome--flex flex-column productHome--flex-column flex-around productHome--flex-around">
                        <text class="font800 productHome--font800 font36 productHome--font36 sk-transparent sk-text-14-2857-84 sk-text">射洪宴康农业有限公司</text>
                        <view class="flex productHome--flex align-center productHome--align-center mt16 productHome--mt16">
                          <text class="sk-transparent sk-text-14-2857-690 sk-text">生产主体</text>
                          <view class="ml14 productHome--ml14 sk-image" style="width:105px;height:24px;text-align:center;background:linear-gradient(180deg, #E1FFF2 0%, #FFFFFF 100%);">
                            <text class="sk-transparent">总巡查<text class="font36 productHome--font36 mx14 productHome--mx14 sk-transparent sk-opacity" style="color:#29C17E;">0</text>(次)</text>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
                <view>
                  <view class="mt20 ProductCard--mt20" data-event-opts="tap,ProductCardClick">
                    <view class="flex ProductCard--flex bgWhite ProductCard--bgWhite py40 ProductCard--py40 px24 ProductCard--px24 border-box ProductCard--border-box flex-column ProductCard--flex-column br16 ProductCard--br16">
                      <view class="flex ProductCard--flex flex-between ProductCard--flex-between align-center ProductCard--align-center">
                        <view class="flex ProductCard--flex align-center ProductCard--align-center">
                          <text class="mr22 ProductCard--mr22 sk-transparent sk-text-14-2857-282 sk-text">管理人员:</text>
                          <view class="flex ProductCard--flex">
                            <image mode="true" class="br110 ProductCard--br110 mr22 ProductCard--mr22 sk-image" style="width:40px;height:40px;"></image>
                            <view class="flex ProductCard--flex flex-column ProductCard--flex-column flex-around ProductCard--flex-around">
                              <text class="sk-transparent sk-text-14-2857-913 sk-text">GJZ</text>
                              <text class="sk-transparent sk-text-14-2857-33 sk-text">市级管理人员</text>
                            </view>
                          </view>
                        </view>
                        <image mode="true" style="width:4px;height:8px;" class="sk-image"></image>
                      </view>
                      <view class="flex ProductCard--flex mt28 ProductCard--mt28 flex-between ProductCard--flex-between align-center ProductCard--align-center">
                        <view class="flex ProductCard--flex">
                          <text class="mr22 ProductCard--mr22 sk-transparent sk-text-14-2857-494 sk-text">主体名称:</text>
                          <text class="font800 ProductCard--font800 sk-transparent sk-text-14-2857-13 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                        </view>
                        <image mode="true" style="width:4px;height:8px;" class="sk-image"></image>
                      </view>
                      <view class="flex ProductCard--flex mt28 ProductCard--mt28 flex-between ProductCard--flex-between align-center ProductCard--align-center">
                        <view class="flex ProductCard--flex">
                          <text class="mr22 ProductCard--mr22 sk-transparent sk-text-14-2857-899 sk-text">经营品种:</text>
                          <text class="sk-transparent sk-text-14-2857-208 sk-text">蜂蜜180箱-4月至8月</text>
                        </view>
                      </view>
                      <view class="flex ProductCard--flex mt28 ProductCard--mt28 flex-between ProductCard--flex-between align-center ProductCard--align-center">
                        <view class="flex ProductCard--flex">
                          <text class="mr22 ProductCard--mr22 sk-transparent sk-text-14-2857-982 sk-text">联系方式:</text>
                          <text class="sk-transparent sk-text-14-2857-860 sk-text">蜂蜜180箱-4月至8月</text>
                        </view>
                      </view>
                      <view class="mt28 ProductCard--mt28 flex ProductCard--flex align-center ProductCard--align-center">
                        <view class="flex ProductCard--flex align-center ProductCard--align-center mr22 ProductCard--mr22">
                          <text class="font34 ProductCard--font34 sk-transparent sk-text-14-2857-356 sk-text" style="color:#29C17E;">98</text>
                          <text class="font28 ProductCard--font28 sk-transparent sk-opacity">分</text>
                        </view>
                        <view class="mr22 ProductCard--mr22">
                          <view class="px8 ProductCard--px8 py4 ProductCard--py4 border-box ProductCard--border-box br4 ProductCard--br4" style="background-color:#E6F7FF;">
                            <text class="font24 ProductCard--font24 sk-transparent sk-text-14-2857-492 sk-text" style="color:#1590E2;">养殖大户</text>
                          </view>
                        </view>
                        <view class="mr22 ProductCard--mr22">
                          <view class="px8 ProductCard--px8 py4 ProductCard--py4 border-box ProductCard--border-box br4 ProductCard--br4" style="background-color:#E6FFF4;">
                            <text class="font24 ProductCard--font24 sk-transparent sk-text-14-2857-302 sk-text" style="color:#1F9A64;">养殖业</text>
                          </view>
                        </view>
                        <view class="mr22 ProductCard--mr22">
                          <view class="px8 ProductCard--px8 py4 ProductCard--py4 border-box ProductCard--border-box br4 ProductCard--br4" style="background-color:#FFF0E6;">
                            <text class="font24 ProductCard--font24 sk-transparent sk-text-14-2857-276 sk-text" style="color:#EE7B2E;">家庭农场</text>
                          </view>
                        </view>
                      </view>
                      <view class="flex ProductCard--flex align-center ProductCard--align-center mt30 ProductCard--mt30">
                        <image mode="true" class="mr14 ProductCard--mr14 sk-image" style="width:7px;height:11px;"></image>
                        <view class="flex ProductCard--flex align-center ProductCard--align-center">
                          <text class="sk-transparent sk-text-14-2857-522 sk-text">四川省遂宁市射洪市 大榆镇 新井村三社</text>
                        </view>
                      </view>
                      <view class="br10 ProductCard--br10 mt32 ProductCard--mt32 px20 ProductCard--px20 py30 ProductCard--py30 flex ProductCard--flex flex-column ProductCard--flex-column" style="background-color:#F5FFFB;">
                        <view class="flex ProductCard--flex align-center ProductCard--align-center mb15 ProductCard--mb15">
                          <text class="sk-transparent sk-text-14-2857-930 sk-text">这个养殖场占地面积大，养殖规范，产的蜂蜜也甜</text>
                        </view>
                        <view class="flex ProductCard--flex flex-wrap ProductCard--flex-wrap">
                          <view class="flex ProductCard--flex flex-center ProductCard--flex-center align-center ProductCard--align-center mt6 ProductCard--mt6" style="width:33.3%;">
                            <image mode="true" class="br16 ProductCard--br16 sk-image" style="height:96px;width:96px;"></image>
                          </view>
                          <view class="flex ProductCard--flex flex-center ProductCard--flex-center align-center ProductCard--align-center mt6 ProductCard--mt6" style="width:33.3%;">
                            <image mode="true" class="br16 ProductCard--br16 sk-image" style="height:96px;width:96px;"></image>
                          </view>
                          <view class="flex ProductCard--flex flex-center ProductCard--flex-center align-center ProductCard--align-center mt6 ProductCard--mt6" style="width:33.3%;">
                            <image mode="true" class="br16 ProductCard--br16 sk-image" style="height:96px;width:96px;"></image>
                          </view>
                          <view class="flex ProductCard--flex flex-center ProductCard--flex-center align-center ProductCard--align-center mt6 ProductCard--mt6" style="width:33.3%;">
                            <image mode="true" class="br16 ProductCard--br16 sk-image" style="height:96px;width:96px;"></image>
                          </view>
                          <view class="flex ProductCard--flex flex-center ProductCard--flex-center align-center ProductCard--align-center mt6 ProductCard--mt6" style="width:33.3%;">
                            <image mode="true" class="br16 ProductCard--br16 sk-image" style="height:96px;width:96px;"></image>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>


<style lang="scss" scoped>
	/*
	此文件为开发者工具生成，生成时间: 2023/11/6上午11:23:22
	
	在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\index\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-823 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-84 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 50.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-690 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-282 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-913 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-33 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-494 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-13 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-899 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-208 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-982 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-860 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-356 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-492 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-302 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-276 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-522 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-930 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>